<template>
  <el-card>
      <div class="list flex flex-wrap">
        <div class="flex flex-direction align-center padding pointer" v-for="(items,indexs) in iconList.glyphs" :key="indexs" @click="toCopy(items)">
            <i :class="'icon-'+items.font_class" class="iconfont size-26 padding-bottom-xs"></i>
            <!-- <span class="size-12 padding-bottom-xs">{{iconList.css_prefix_text}}{{items.font_class}}</span>
            <span class="size-12 ">{{items.name}}</span> -->
        </div>
        
      </div>
  </el-card>
</template>

<script lang="ts" setup>
import { ref } from 'vue';
import iconList from '@/iconfont/iconfont.json';
const toCopy = (event:any) =>{
  console.info('icon-'+event.font_class);
}
</script>